<template>
    <div class="WxPrivate-Page">
      <div class="private-header">
        <div class="private-a"></div>
        <div class="private-photo">
          <img src="../../assets/125.jpg" alt="">
        </div>
        <div class="private-name">HJL</div>
        <div class="private-account">账号：<span>18780392906</span></div>
      </div>
      <div class="private-body">
        <el-collapse >
          <el-collapse-item title="全部订单" name="1">
            <div><a href="#/wxcommodity" style="color: olivedrab"><i class="el-icon-share"></i> 点击查看所有订单</a></div>
          </el-collapse-item>
          <el-collapse-item title="会员信息" name="2">
            <div><i >&nbsp; </i> 会员等级：<span>钻石</span></div>
            <div><i >&nbsp; </i> 享受权益：<span>5折优惠</span></div>
          </el-collapse-item>
          <el-collapse-item title="我的钱包" name="3">
            <div><i >￥</i> 账户余额：<span>00.00</span></div>
            <div><a href="#/wxorder" style="color: olivedrab"><i class="el-icon-share"></i> 点击查看更多信息</a></div>
          </el-collapse-item>
          <el-collapse-item title="我的团队" name="4">
            <div><a href="#/wxteam" style="color: olivedrab"><i class="el-icon-share"></i> 点击查看所有成员</a></div>
          </el-collapse-item>
        </el-collapse>
        <div style="height: 50px"></div>
      </div>
    </div>
</template>

<script>
    export default {
        name: 'WxPrivate',
        data() {
            return {
              activeNames: ['1']
            }
        }
    }
</script>
<style lang="less">
    .WxPrivate-Page {
    }
    a{color: white}
  .private-header{
    width: 100%;height: 200px;background-color: olivedrab;
  }
  .private-photo{
    width: 100px;height: 100px;margin: auto;background-color: white;border-radius: 50px;
  }
  .private-photo>img{width: 100px;height: 100px;border-radius: 50px;}
  .private-a{height: 25px;width: 100%}
  .private-name{width: 100%;height: 40px;line-height: 40px;text-align: center;font-family: Arial;font-size: 20px;color: white}
  .private-account{width: 100%;height: 25px;text-align: center;color: lavenderblush}
</style>
